<h3>Account Information</h3>

<table>
    <tr>
        <td>First name:</td>
        <td><label>
            <input type="text" name="firstName" >
<!--            th:value="${session.errorAccount.firstName}"-->
        </label></td>
    </tr>
    <tr>
        <td>Last name:</td>
        <td><label>
            <input type="text" name="lastName" >
<!--            th:value="${session.errorAccount.lastName}"-->
        </label></td>
    </tr>
    <tr>
        <td>Email:</td>
        <td><label>
            <input type="text" name="email" >
<!--            th:value="${session.errorAccount.email}"-->
        </label></td>
    </tr>
    <tr>
        <td>Phone:</td>
        <td><label>
            <input type="text" name="phone" id="phone">
<!--            th:value="${session.errorAccount.phone}"-->
        </label></td>
    </tr>
    <tr>
        <td>Address 1:</td>
        <td><label>
            <input type="text" name="address1">
<!--            th:value="${session.errorAccount.address1}"-->
        </label></td>
    </tr>
    <tr>
        <td>Address 2:</td>
        <td><label>
            <input type="text" name="address2" >
<!--            th:value="${session.errorAccount.address2}"-->
        </label></td>
    </tr>
    <tr>
        <td>City:</td>
        <td><label>
            <input type="text" name="city" >
<!--            th:value="${session.errorAccount.city}"-->
        </label></td>
    </tr>
    <tr>
        <td>State:</td>
        <td><label>
            <input type="text" name="state" >
<!--            th:value="${session.errorAccount.state}"-->
        </label></td>
    </tr>
    <tr>
        <td>Zip:</td>
        <td><label>
            <input type="text" name="zip" >
<!--            th:value="${session.errorAccount.zip}"-->
        </label></td>
    </tr>
    <tr>
        <td>Country:</td>
        <td><label>
            <input type="text" name="country" >
<!--            th:value="${session.errorAccount.country}"-->
        </label></td>
    </tr>
</table>

<h3>Profile Information</h3>


<table>
    <tr>
        <td>Language Preference:</td>
        <td>
            <label>
                <select name="languagePreference">
                    <option value="english">English</option>
<!--                    th:text="'selected'"-->
<!--                    th:if="${session.errorAccount.languagePreference.equals('english')}"-->
                    <option value="chinese">Chinese</option>
<!--                    th:text="'selected'"-->
<!--                    th:if="${session.errorAccount.languagePreference.equals('chinese')}"-->
                </select>
            </label>
        </td>
    </tr>
    <tr>
        <td>Favourite Category:</td>
        <td>
            <label>
                <select name="favouriteCategoryId" >
                    <option value="FISH">Fish</option>
<!--                    th:if="${session.errorAccount.favouriteCategoryId.equals('FISH')}" th:text="'selected'"-->
                    <option value="DOGS">Dogs</option>
<!--                    th:if="${session.errorAccount.favouriteCategoryId.equals('DOGS')}" th:text="'selected'"-->
                    <option value="REPTILES">Reptiles</option>
<!--                    th:if="${session.errorAccount.favouriteCategoryId.equals('REPTILES')}" th:text="'selected'"-->
                    <option value="CATS" th:text="'selected'">Cats</option>
<!--                    th:if="${session.errorAccount.favouriteCategoryId.equals('CATS')}" th:text="'selected'"-->
                    <option value="BIRDS">Birds</option>
<!--                    th:if="${session.errorAccount.favouriteCategoryId.equals('BIRDS')}" th:text="'selected'"-->
                </select>
            </label>
        </td>
    </tr>
    <tr>

        <td>Enable MyList</td>
        <td>
            <label>
                <input type="radio" name="listOption" value="1">yes
<!--                th:if="${session.errorAccount.listOption}"-->
                <input type="radio" name="listOption" value="0">no
<!--                th:if="${session.errorAccount.listOption}"-->
            </label>
        </td>
    </tr>
    <tr>
        <td>Enable MyBanner</td>
        <td>
            <label>
                <input type="radio" name="bannerOption" value="1">yes
<!--                th:if="${session.errorAccount.bannerOption}" th:text="'checked'"-->
                <input type="radio" name="bannerOption" value="0">no
<!--                th:if="${session.errorAccount.bannerOption}" th:text="'checked'"-->
            </label>
        </td>
    </tr>

</table>


